import wechatValidate from 'wechat-validate'
Page({
  behaviors: [wechatValidate],
  async onLoad({
    point,
    building,
    room,
    id
  }) {

    this.setData({
      point,
      building,
      room
    })

    //拿到房屋id发送获取房屋详情的请求
    if (id) {
      wx.setNavigationBarTitle({
        title: '编辑房屋信息',
      })
      const res = await wx.http.get(`/room/${id}`)
      this.setData({
        ...res.data
      })
    }
  },
  data: {
    point: '', // 小区名
    building: '', // 楼号
    room: '', // 房间号
    name: '', //姓名
    gender: 1, // 性别
    mobile: '', // 手机号
    idcardFrontUrl: '', // 身份证正面
    idcardBackUrl: '', // 身份证反面
  },
  rules: {
    name: [{
        required: true,
        message: '请输入业主姓名'
      },
      {
        pattern: /^(?:[\u4e00-\u9fa5·]{2,16})$/,
        message: '请输入中文姓名'
      }
    ],
    mobile: [{
        required: true,
        message: '请输入手机号'
      },
      {
        pattern: /^1[3-9]\d{9}$/,
        message: '请输入合法的11位手机号'
      }
    ],
    idcardFrontUrl: [{
      required: true,
      message: '请上传身份证正面'
    }],
    idcardBackUrl: [{
      required: true,
      message: '请上传身份证反面'
    }],
  },
  // 性别修改
  changeGender(e) {
    console.log(e);
    this.setData({
      gender: e.detail
    })
  },
  // 上传
  async upload(e) {
    // console.log(e.mark.type);
    try {
      const res = await wx.chooseMedia({
        count: 1,
        mediaType: ['image'],
        sourceType: ['album', 'camera'],
        sizeType: ['original', 'compressed'],
        camera: 'back'
      })
      wx.showLoading({
        title: '正在上传',
        mask: true
      })
      // 获取到临时路径并展示
      // this.setData({
      //   [e.mark.type]: res.tempFiles[0].tempFilePath
      // })
      // 上传处理
      wx.uploadFile({
        url: wx.http.baseURL + '/upload',
        filePath: res.tempFiles[0].tempFilePath,
        name: 'file',
        header: {
          Authorization: `Bearer ${getApp().token}`
        },
        success: (result) => {
          const data = JSON.parse(result.data)
          this.setData({
            [e.mark.type]: data.data.url
          })
          wx.hideLoading()
        }
      })
    } catch (error) {}
  },
  // 提交
  async goList() {
    // 1. 先预校验
    if (!this.validate()) return
    // 2. 发送请求
    // 有id走的是编辑提交 没有id走的是新增
    try {
      delete this.data.__webviewId__ // 删除多余的字段
      delete this.data.status // 删除多余的字段
      await wx.http.post('/room', this.data)
      wx.utils.toast('新增成功', 'success')
      // 3. 跳转
      wx.reLaunch({
        url: '/house_pkg/pages/list/index',
      })
    } catch (error) {
      wx.utils.toast('新增失败')
    }
  },
  // 移除图像的方法
  removePicture(ev) {
    // 移除图片的类型（身份证正面或反面）
    const type = ev.mark?.type
    this.setData({
      [type]: ''
    })
  },
})